<template>
  <div class="cssDemo">
    <SideNav />
    <div class="container">
      <router-view></router-view>
    </div>
  </div> 
</template>
<script>
import SideNav from './SideNav.vue';

export default {
  components: {
    SideNav
  },
}
</script>

<style lang="css" scoped>
  .cssDemo {
    display: flex;
    margin: 0 5vw;
    min-width: 1300px;
    flex: 1;
  }
  .container {
    height: 100%;
    width: calc(100% - 3rem);
    display: flex;
    align-items: center;
    justify-content: center;
  }
</style>




